﻿<div class="container">
    <div class="panel panel-default">
        <div class="panel-body">
            <div id="openModal" class="row">
                <div class="col-md-6 col-md-offset-2">
                    <div class="row">
                        <div id="socialLogin" class="col-md-6">
                            @*<button title="Log in using your Facebook account" value="facebook" name="provider" type="submit" class="fb-login-button glyphicon-facebook-sign">Facebook</button>*@
                            @Html.Action("ExternalLoginsList", "Account", new { @class = "btn btn-primary", title = "Log in using your Facebook account", value = "facebook", ReturnUrl = ViewBag.ReturnUrl })
                        </div>
                    </div>
                    <div class="row">
                        <hr class="col-md-6" style="background-color:black" />
                    </div>
                    <div class="row">
                        <div id="localLogin" class="col-md-6">
                            @Html.Partial("_Login")
                        </div>

                    </div>

                    <div class="row " id="notSignedUpPanel">
                        <div class="col-md-6 col-md-offset-2">
                            Not Signed Up?
    <button class="btn btn-primary" id="showRegister"><i class="glyphicon glyphicon-user"></i>Sign up</button>
                        </div>
                    </div>
                    <div class="row" style="display: none" id="registerPanel">
                        <div class="col-md-8 col-md-offset-2">
                            <h2>Sign up</h2>
                            @Html.Partial("_Register")
                            Already Signed Up
    <button class="btn btn-primary" id="showLogin"><i class="glyphicon glyphicon-user"></i>Sign In</button>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>

    $("#showLogin").click(function () {
        $("#registerPanel").toggle();
        $("#loginPanel").toggle();
        $("#notSignedUpPanel").toggle();

    });

    $("#showRegister").click(function () {
        $("#registerPanel").toggle();
        $("#loginPanel").toggle();
        $("#notSignedUpPanel").toggle();
    });


</script>
